<?php
	$Status = -1;
	include_once '../classes/hocvien_bs.php';
	$HV = new hocvien_bs();
	$HV->SetDaXoa(0);
	$DHV = $HV->LayDanhSach();
	$CTatCa = $DHV != null ? count($DHV) : 0;
	
	$HV->SetMaTrangThai(0);
	$DHV = $HV->LayDanhSach();
	$CChoXepLop = $DHV != null ? count($DHV) : 0;
	
	$HV->SetMaTrangThai(1);
	$DHV = $HV->LayDanhSach();
	$CDangHoc = $DHV != null ? count($DHV) : 0;
	
	$HV->SetMaTrangThai(2);
	$DHV = $HV->LayDanhSach();
	$CHocXong = $DHV != null ? count($DHV) : 0;
?>
<script type="text/javascript" src="paging.js"></script>
<div class="TableList">
	<h3 id="TableTitle">Danh sách học viên</h3>
	<table class="ChuThich">
		<tr>
			<td  id="sta">
				<a href="#"><img height="12px" src="../data/all_content.png"/> Tất cả <span style="font-size:12px; color:#777">(<?php echo $CTatCa; ?>)</span></a>
			</td>
			<td id="sta0">
				<a href="#"><img height="12px" src="../data/yellow.png"/> Chờ xếp lớp <span style="font-size:12px; color:#777">(<?php echo $CChoXepLop; ?>)</span></a>
			</td>
			<td id="sta1">
				<a href="#"><img height="12px" src="../data/green.png"/> Đang học <span style="font-size:12px; color:#777">(<?php echo $CDangHoc; ?>)</span></a>
			</td>
			<td id="sta2">
				<a href="#"><img height="12px" src="../data/red.png"/> Học xong <span style="font-size:12px; color:#777">(<?php echo $CHocXong; ?>)</span></a>
			</td>
			<td>
				<input type="text" name="Keyword" id="Keyword" onkeypress="DataLoad()" placeholder="Nhập từ khóa là tên học viên"/>
			</td>
		</tr>
	</table>
	<div id="result"></div>
</div>
<script type="text/javascript">	
	var sta = <?php echo $Status; ?>;
	var keyword = '';
	$(document).ready(function() {
		$("#sta").addClass('HighLight');
		loadXMLDoc(sta,keyword,1);
	});
	$("#sta").click(function() {
		sta = -1;
		$("#TableTitle").html("Danh sách tất cả học viên");
		$("td[id^='sta']").removeClass('HighLight');
		$(this).addClass('HighLight');
		loadXMLDoc(sta,keyword,1);
	});
	$("#sta0").click(function() {
		sta = 0;
		$("#TableTitle").html("Danh sách học viên chưa được xếp lớp");
		$("td[id^='sta']").removeClass('HighLight');
		$(this).addClass('HighLight');
		loadXMLDoc(sta,keyword,1);
	});
	$("#sta1").click(function() {
		sta = 1;
		$("#TableTitle").html("Danh sách học viên đang học");
		$("td[id^='sta']").removeClass('HighLight');
		$(this).addClass('HighLight');
		loadXMLDoc(sta,keyword,1);
	});
	$("#sta2").click(function() {
		sta = 2;
		$("#TableTitle").html("Danh sách học viên đã học xong chương trình");
		$("td[id^='sta']").removeClass('HighLight');
		$(this).addClass('HighLight');
		loadXMLDoc(sta,keyword,1);
	});
	
	$("#Keyword").keyup(function() {
		keyword = $(this).val();
		loadXMLDoc(sta,keyword,1);
	});
</script>